<!DOCTYPE html>
<html lang="{{ Culture.Name }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{{ "PageTitle" | shape_new | shape_stringify }}</title>
    {% resources type: "Meta" %}
    <link type="image/x-icon" rel="shortcut icon" href="/TheBlogTheme/favicon.ico">

    <!-- Bootstrap core CSS -->
    {% style name:"theblogtheme-vendor-bootstrap", version:"4" %}
    {% style name:"theblogtheme-bootstrap-oc", version:"1" %}

    <!-- Custom fonts for this template -->
    {% style name:"theblogtheme-vendor-font-awesome", version:"5" %}
    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

    <!-- Custom styles for this template -->
    {% style src:"~/TheBlogTheme/css/clean-blog.min.css", debug_src:"~/TheBlogTheme/css/clean-blog.css" %}

    <!-- Bootstrap core JavaScript -->
    {% script name:"theblogtheme-vendor-jquery", at:"Foot" %}    
    {% script name:"theblogtheme-vendor-bootstrap-bundle", at:"Foot" %}

    <!-- Custom scripts for this template -->
    {% script src:"~/TheBlogTheme/js/clean-blog.min.js", debug_src:"~/TheBlogTheme/js/clean-blog.js", at:"Foot" %}

    {% script src:"~/OrchardCore.Menu/Scripts/activate-links.min.js", debug_src:"~/OrchardCore.Menu/Scripts/activate-links.js", at:"Foot" %}
    {% script src:"~/TheBlogTheme/js/clean-blog-ext.min.js", debug_src:"~/TheBlogTheme/js/clean-blog-ext.js", at:"Foot" %}

    {% resources type: "HeadScript" %}
    {% resources type: "HeadLink" %}
    {% resources type: "Stylesheet" %}
    {% render_section "HeadMeta", required: false %}
</head>
<body dir="{{ Culture.Dir }}">
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
        <div class="container">
            <a class="navbar-brand" href="{{ '~/' | href }}">{{ Site.SiteName }}</a>
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                <span class="sr-only">{{ "Toggle navigation" | t }}</span>
                {{ "Menu" | t }} <i class="fa fa-bars"></i>
            </button>
            {% shape "menu", alias: "alias:main-menu", cache_id: "main-menu", cache_fixed_duration: "00:05:00", cache_tag: "alias:main-menu" %}
        </div>
    </nav>
    {% render_section "Header", required: false %}
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-md-10 mx-auto">
				{% render_section "Messages", required: false %}
                {% render_body %}
            </div>
        </div>
    </div>
    <footer>
        {% render_section "Footer", required: false %}
    </footer>
    {% resources type: "FootScript" %}
</body>
</html>